<html>
<head>
	<meta charset="UTF-8">
	
	<!-- jq 库-->
	<script src="js/jquery-3.2.0.min.js"></script>
	
	<!-- uikit 库-->
	<link rel="stylesheet" href="uikit/css/uikit.min.css" />
    <script src="uikit/js/uikit.min.js"></script>
	
	<!-- css 资源-->
	<link rel="stylesheet" type="text/css" href="css/index.css" >
	<link rel="stylesheet" type="text/css" href="css/suggest.css" >
	<link rel="stylesheet" type="text/css" href="css/docker.css" >
	<link rel="stylesheet" type="text/css" href="css/weather.css" >
	<link rel="stylesheet" type="text/css" href="css/scroll.css" >

	<!-- js 资源-->	
	<script src="js/helptool.js" charset="gbk"></script>	
	<script src="js/storage.js" charset="gbk"></script>
	<script src="js/search/searchbar.js" charset="gbk"></script>
	<script src="js/search/suggestbox.js" charset="gbk"></script>	
	<script src="js/index.js" charset="gbk"></script>		
	<script src="js/setbutton.js" charset="gbk"></script>
	<script src="js/docker.js" charset="gbk"></script>
	<script src="js/time.js" charset="gbk"></script>
	<script src="js/weather.js" charset="gbk"></script>
	<script src="js/menu/bookmark.js" charset="gbk"></script>
	<script src="js/menu/supermark.js" charset="gbk"></script>
	<script src="js/menu/menu.js" charset="gbk"></script>
	<script src="js/menu/meunroot.js" charset="gbk"></script>
</head>
<body id="info">
<!-- 背景 z-index:-1;-->
<div id="bk" style="position:absolute; width:100%; height:100%; left:0px;top:0px">    
	<img id="bk-img" src="img/bk.png" style="width:100%; height:100%; "/>    
</div>

<!-- weater -->
<div id="weaterbox" align="bottom" style="width:180px;height:75px; left:20px; bottom:190px;  position:fixed;">
</div>

<!-- timer -->
<div id="timebox" align="bottom" style="height:150px; left:20px; bottom:30px;  position:fixed;">
	<span id="time" style="font-size:50px;color:#ffffff"></span><br>
	<span id="data" style="font-size:40px;color:#ffffff"></span>
</div>

<div id="version" align="bottom" style="bottom:0px;left:20px;position:fixed;">
	<span id="time" style="font-size:20px;color:#ffffff">Version 2.1.2</span>
</div>

<!-- 搜索框 -->
<div id="SearchBox">
	<input id="searchbar" style="top:20px;left:30px;height:30px;width:200px;position:fixed; font-size:35px"></input>
	<div id="suggestresult" class="style-1" style="left:30px;top:60px;width:200px;position:absolute;display:none;OVERFLOW-Y:auto;OVERFLOW-X:hidden;max-height:70%">
		<ul id="suggestresultlist" style="padding:0px;margin:0px">
		</ul>
	</div>
</div>

<!-- 菜单栏按钮 -->
<img id="menurootbutton" src="img/MenuRootButtonleave.png" style="top:0px;right:0px;height:45px;width:45px;position:fixed;"/>

<!-- 显示帮助信息 -->
<img id="SetButton" src="img/SetSmall.png" style="bottom:0px;right:0px;height:48px;width:48px;position:fixed;"/>

<!-- docker -->
<div id="docker"  align="right" class="docker style-1" style="align:right;top:60px; right:0px; bottom:60px; width:100px; position:fixed; overflow:auto;">
	<!--<img class="dockercell" style="right:0px;height:70px; width:70px;" src="img/icon128.png" />
	<img class="dockercell" style="right:0px;height:70px; width:70px;" src="img/icon128.png" />-->
</div>

<!-- 菜单 -->
<div id="menurootbox" style="background-color:#ffffff; top:0px; right:0px;height:100%; width:400px;position:fixed;display:none">
	<!-- 导航tab -->
	<div style="background-color:#ffffff; top:0px;height:40px; width:100%;">
		<button id="spuermarkbuton" class="uk-button uk-button-primary" style="height:100%;width:50%">SuperMark</button><button id="bookmarkbuton" class="uk-button uk-button-primary" style="height:100%; width:50%;">书签</button>
	</div>
	
	<!-- superbox -->
	<div id="spuermarkbox" style="top:40px;bottom: 0px; width:100%;position:absolute;overflow:auto;">
		<ul id="spuermarkresult" style="padding:2px;margin:0px"></ul>
	</div>
	
	<!-- bookmark -->
	<div id="bookmarkbox" style="background-color:#ffffff; top:40px;bottom: 0px; width:100%;position:absolute;display:none;overflow:auto;">
		<div id="menufirst" class="menuroot" style="background-color:#ffffff;top:0px;bottom:38px; width:100%;position:absolute;overflow:auto;">
				<ul id="menufirstlist" class="menu" style="padding:0px;margin:0px">
				</ul>
		</div>
		<div id="menusecond" class="menuroot" style="bottom:2;height:35px;background-color:#dfdfdf;position:absolute;width:100%;">
			<ul id="menusecondlist" class="menu" style="padding:0px;margin:0px">
			</ul>
		</div>
	</div>
	
</div>

</body>
</html>
